* {
    margin: 0;
    padding: 0;
}

.top {
    height: 50px;
    font-size: 15px;
}

.top_left {
    background-color: red;

}

.top_right {
    background-color: blue;
}

.top_left,
.top_right {
    height: 100%;
    font-size: 15px;
    width: 49%;
    display: inline-block;
    line-height: 50px;

}

.top_right {
    text-align: right;
}

#tp {
    height: 600px;
    font-size: 15px;
}

#tp_left,
#tp_right,
#tp_midd {
    width: 33%;
    height: 500px;
    display: inline-block;
}

#tp_left {
    background-color: aquamarine;
}

#tp_midd {
    background-color: rgb(255, 77, 0);
}

#tp_midd1 {
    width: 99%;
    height: 50%;
    background-color: rgb(255, 0, 166);
}

#tp_midd2 {
    width: 99%;
    height: 50%;
    background-color: rgb(0, 255, 145);
    margin-left: 10px;
}

#tp_right {
    background-color: rgb(0, 255, 47);
    text-align: right;
}

#ct {
    height: 600px;
    font-size: 15px;
}

#ct_left,
#ct_midd,
#ct_right {
    width: 32%;
    height: 500px;
    display: inline-block;
}

#ct_left {
    background-color: rgb(219, 255, 127);
}

#ct_midd {
    background-color: rgb(255, 77, 0);
    display: inline-block;
    }

#ct_right {
    background-color: brown;
    /* text-align: center; */
}

#ct_midd1 {
    width: 99%;
    height: 30%;
    background-color: rgb(255, 0, 166);
}
#ct_midd2{
    width: 99%;
    height: 65%;
    background-color: black;

}
#ct_midda {
    width: 30%;
    /* height: 85%; */
    background-color: rgb(0, 255, 145);
    margin-left: 10px;
}
      
#ct_middb {
    width: 30%;
    /* height: 86%; */
    background-color: rgb(89, 0, 255);
    /* margin-left: 10px; */
}
#ct_middc {
    width: 33%;
    /* height: 33%; */
    background-color: rgb(0, 255, 128);
    margin-left: 10px;
    text-align: right;
}

